<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>电力结算单</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type="text/javascript" src="../static/js/jquery-1.10.2.min.js"></script>
  <script type='text/javascript' src="../static/js/jquery.tips.js"></script>
  <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/table/costBalanceBillTable.js"></script>  
  <script type="text/javascript" src="../static/js/balance/costBalanceBill.js"></script>
</head>
<body>
 <div class="top">
	<h4 class="partTitle">当前位置: 费用结算<span class="comSpanTitle">></span>电力结算单</h4>
 </div>
 <div class="blue"></div>
 <div class="scrollBody">
	<div class="partWhite paddingBottomTen" id="scrollHeight">
	 <form class="form-horizontal" id="costBalanceBillSearch">
	   <input id="balanceMonth" name="BalanceMonth" hidden="hidden">
	   <input id="BalanceChargingPriceType" name="BalanceChargingPriceType" hidden="hidden">
		  <div class="partTable marginBottom2Ten">
			<div class="col-sm-1 control-label partConditionTitle partTurnPage">
				<span id="showYear" style="font-size:25px;"></span>
		    </div>
			<div class="col-sm-11" id="monthList"></div>
		  </div>
	      <div class="partTable" style="overflow:hidden;">
	        <label class="col-sm-1 control-label partConditionTitle" for="BalanceBillID">历史结算单</label>
	        <div class="col-sm-4 partCondition">
	            <select id="BalanceBillID" name="BalanceBillID" class="form-control" onchange='getBalanceChargingPriceType(this.options.selectedIndex)'>
	              <option value="" selected="selected">请选择</option>
	            </select>
	        </div>
	        <label id="ChargingPrice" class="col-sm-5 control-label partConditionTitle" style="text-align:left;color:brown;"></label>
	        <button class="btn btnDefault marginLeft2ten" type="button" style="float:right;margin-right: 20px;" onclick="window.parent.skipSecondMenu('costManage/costBalanceBillCreate', 'costBalanceBill')">新建结算单</button>
	    </div>
 	</form>
  </div>
  <div class="partWhite">
	    <div>
	      <label style="padding-left:30px;" for="TotalTradeKWH">总贸易电量：</label>
	      <label id="TotalTradeKWH">0</label>
	      <label style="padding-left:30px" for="TotalCost">总费用：</label>
	      <label id="TotalCost">0</label>
	      <button class="btn btnDefault marginLeft2ten" id="export" type="button" style="float:right;" onclick="exportFile()">导出</button>
	    </div>
        <p id="errorMessage" style="color:red;font-size: 30pt;font-weight: bold;" hidden='hidden'></p>
	    <div class="partTable">
		      <table class="table table-hover" id="costBalanceBillTable">
		        <thead id="costBalanceBillThead">
		        </thead>
		        <tbody id="costBalanceBillTbody">
		        </tbody>
		      </table>
		      <table class="table scrollTable" id="costBalanceBillTable1" hidden="hidden">
	   		  </table>
	    </div>
	  </div>
  </div>
</body>
</html>